<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
  import {mapState, mapActions} from "vuex";

  export default {
    name: 'App',
    methods: {
      ...mapActions(['setPcOrWx',]),
      isMobile() {
        let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i);
        return flag;
      }
    },
    mounted() {
      if (this.isMobile()) {
        this.setPcOrWx(this.isMobile());
      } else {
        this.setPcOrWx(this.isMobile());
      }
    }

  }
</script>

<style>

  @import 'assets/commomCss/common.css';
  /*@import 'assets/commomCss/mediaLess.css';*/

  #app {
    font-family: 'Adobe Heiti Std', STHeiti, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }


</style>
